.dclear{
	display:inline-block;
	content:"";
	clear:both;
}
.container-fluid{
	padding:0;
}
.w1600{
	width:83.33%;
	margin:0 auto;
}

/*顶部导航Start*/
.nav{
	width:720px;
	height:90px;
	background-color: rgb( 104, 168, 64 );
  	opacity: 0.8;
	position:relative;
	position: fixed;
	top:0;
	left:0;
	z-index: 10000;
}
.nav-img{
	width:12.5%;
	height: 100%;
	box-sizing: border-box;
	background-color:#498123;
	text-align: center;
	line-height: 100%;
	vertical-align: top;
	float:left;
	cursor: pointer;
}
.nav-img img{
	width:48.9%;
	height:35.6%;
	position: relative;
	top:31.1%;
}
.nav-logo{
	width:37.5%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	line-height: 100%;
	vertical-align: top;
	float:left;
}
.nav-logo img{
	width:68.9%;
	height:72.2%;
	position: relative;
	top:8.889%;
}
.nav-search{
	width:37.5%;
	height:100%;
	float:left;
	box-sizing: border-box;
	line-height: 100%;
	vertical-align: top;
	position: relative;
}
.nav-search-txt{
	width:75.6%;
	height:40%;
	padding-left:6.67%;
	border:1px solid #fff;
	outline:none;
	background:transparent;
	font-size: 14px;
	line-height: 24px;
	position:absolute;
	top:31.1%;
	right:18.5%;
}
.nav-search-btn{
	width:12.96%;
	height:21.1%;
	border:none;
	outline: none;
	border-left:1px solid #fff;
	cursor: pointer;
	background:url(../img/search.png) no-repeat right bottom;
	background-size:48.6% 94.4%;
	position:absolute;
	top:41.1%;
	right:23.7%;
}
.nav-zhong{
	width:12.5%;
	height:100%;
	border-left:1px solid #fff;
	float:left;
	text-align: center;
	vertical-align: top;
}
.nav-zhong img{
	width:22.22222%;
	height:20%;
	position: relative;
	top:29.889%;
}
.subnav-box{
	font-size: 30px;
	line-height: 90px;
	width:100%;
	height:814px;
	position:absolute;
	top:90px;
	left:0;
	display:none;
}
.subnav-bg{
	width:100%;
	height:100%;
	background-color: rgb( 104, 168, 64 );   
	opacity: 0.451;
}
.subnav-ul{
	position:relative;
	top:-814px;
	left:0;
}
.subnav-li{
	color:#fff;
	border-bottom: 1px solid #fff;
	padding-left:12.2%;
	box-sizing: border-box;
	cursor: pointer;
}
.nav3-li:hover{
	background-color:#fff;
	color: rgba( 104, 168, 64,0.451 );   
}
.subnav-li-img{
	margin-left: 48.6%;
	width:5.36%;
}
.nav3-box{
	left:720px;
	font-size: 18px;
	line-height: 66px;
	height:500px;
	width:100%;
	position:absolute;
	top:90px;
	left:100%;
	display:none;
}
.nav3-ul{
	top:-500px;
}
/*顶部导航End*/

/*顶部BannerStart*/
.banner{
	width:100%;
}
.banner img{
	width:100%;
}
.swiper-pagination-bullet{
	width:15px;
	height:15px;
	background-color: rgb( 191, 191, 191 );
}
.swiper-pagination-bullet-active{
	background-color: rgb( 138, 201, 45 );
}
/*顶部Banner End*/

/*About  Start*/
.about{
	width:100%;
	padding:85px 0 0 0;
	box-sizing: border-box;
}
.about-title{ 
	font-size: 44px;
	font-family: "Arial";
	color: rgb( 51, 51, 51 );
	line-height: 0.455;
	padding:0 15px;
	box-sizing: border-box;
}
.about-txt {
  	font-size: 16px;
  	font-family: "NotoSansHans";
  	color: rgb( 51, 51, 51 );
  	line-height: 1.5;
  	text-align: left;
  	padding:45px 0 65px 0;
}
.about-btn-box {
  	font-size: 18px;
  	display: inline-block;
  	font-family: "NotoSansHans";
  	color: rgb( 255, 255, 255 );
  	text-transform: uppercase;
  	line-height: 1.333;
  	border-radius: 26px;
  	background-color: rgb( 138, 201, 45 );
  	box-sizing: border-box;
  	text-align: center;
  	padding: 10px 20px;
  	cursor: pointer;
}
.about-img-box{
	padding:0;
	overflow: hidden;
}
.about-img{
	transition: all 0.5s;
	width:100%;
}
.about-img-box:hover .about-img{
	transform: scale(1.05,1.05);
}
/*About  End*/

/*Serrvice Start*/
.service-about{
	display:none;
}
.service{
	padding:0;
}
.service .about-title{
	text-align: right;
	padding:75px 0 0 0;
}
.service .about-btn{
	position:relative;
}
.service .about-btn-box{
	position:absolute;
	top:0;
	right:0;
}
/*Service  End*/

/*Product  Start*/
.product{
	width:100%;
	background:url(../img/product.png) no-repeat left top;
	background-size: 100% auto;
	margin-top: 120px;
}
.product-title{
	width:100%;
	text-align: center;
  	font-size: 44px;
  	font-family: "NotoSansHans";
  	color: rgb( 255, 255, 255 );
  	text-transform: uppercase;
  	line-height: 0.455;
  	padding:75px 0 35px 0;
}
.product-txt{
	text-align: center;	
  	font-size: 16px;
  	color: rgb( 255, 255, 255 );
  	line-height: 1.25;
  	width:75%;
  	margin:0 auto;
  	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.product-search{
	width:50%;
	margin:0 auto;
	position: relative;
	padding:20px 0 50px 0;
}
.product-input-txt {
  	background-color: rgb( 255, 255, 255 );
  	opacity: 0.388;
  	width: 100%;
  	font-size: 16px;
  	border-radius: 50px;
  	padding:12px 20px;
  	outline: none;
  	border:none;
}
.product-input-btn{
  	background: url(../img/search.png) no-repeat center center;
  	width:20px;
  	height:20px;
  	outline: none;
  	border:none;
  	position:absolute;
  	top:32px;
  	right:20px;
  	z-index: 100;
  	cursor: pointer;
}
.product .swiper-wrapper{
	padding-bottom:5px;
}
.product .swiper-slide{
	background-color: #fff;
	padding:20px;
	box-sizing: border-box;
	cursor: pointer;
}
.product .swiper-slide:hover{
  box-shadow: 0px 4px 9px 0px rgba(4, 0, 0, 0.34);

}
.product .swiper-slide-img img{
	width:100%;
}
.product .swiper-slide-title{
	width:100%;
  	font-size: 16px;
  	font-family: "Microsoft YaHei";
  	color: rgb( 51, 51, 51 );
  	font-weight: bold;
  	text-transform: uppercase;
  	line-height: 1.5;
  	position:relative;
  	padding:27px 0 23px 0;
  	margin-bottom: 23px;
}
.product .swiper-slide-title span{	
 	background-color: rgb( 171, 205, 3 );
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
 	width: 31px;
 	height: 4px;
}
.product .swiper-slide-txt{
  	font-size: 16px;
  	color: rgb( 51, 51, 51 );
  	line-height: 1.5;
  	word-break:break-all;
  	display:-webkit-box;
  	-webkit-line-clamp:4;
  	-webkit-box-orient:vertical;
  	overflow:hidden;
}
.product .left{
	border-right:1px solid #63a239;
}
.product .fangxiang{
	margin:20px 0;
}
/*Product  End*/

/*Address  Start*/
.address{
	width:100%;
 	background-color: rgb( 239, 241, 225 );
}
.address .col-lg-3,.address .col-lg-9{
	padding:0;
}
.address .address-img{
	text-align: center;
	padding:140px 0 110px 0;
	position: relative;
}
.address-txt-box{
	background-color: rgb( 138, 201, 45 );
	opacity: 0.549;
	padding:20px;
}
.address-top{
	text-align: center;
	border-bottom:1px solid #fff;
	padding:10px;
	box-sizing: border-box;

}
.address-txt{
	font-size: 16px;
	color: rgb( 255, 255, 255 );
	line-height: 1.875;
	padding:20px 0 80px 0;
}
.add{
	background: url(../img/add.png) no-repeat right bottom;
	width:150px;
	height:70px;
	position:absolute;	
}

.add:hover{
	background: url(../img/add-active.png) no-repeat right bottom;
}
.usa{
	top: 222px;
    left: 157px;
}
.usa-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.california{
	top: 260px;
    left: 90px;
}
.california-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.africa{
	top: 460px;
    left: 230px;
}
.africa-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.germany {
	top: 210px;
    left: 390px;
}
.germany-txt{
	position:relative;
	top: 0px;
    left: 145px;
}
.russia {
	top: 235px;
    left: 425px;
}
.russia-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.paul{
	top: 430px;
    left: 425px;
} 
.paul-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.nanjing {
	top: 210px;
    left: 695px;
} 
.nanjing-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.bangkok {
	top: 315px;
    left: 605px;
} 
.bangkok-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.malathia{
	top: 380px;
    left: 620px;
}  
.malathia-txt{
	position:relative;
	top: 50px;
    left: 130px;
}
.address-mb{
	display:none;
}
/*Address  End*/

/*kuaijie  Start*/
.kuaijie{
	width:100%;
	margin-top:30px;
}
.kuaijie-img{
	text-align: center;
}
.kuaijie-h3{
  	font-size: 22px;
  	color: rgb( 94, 93, 93 );
  	line-height: 2.727;
  	font-family: "NotoSansHans";
}
.kuaijie-li{
  	font-size: 16px;
  	color: rgb( 102, 100, 100 );
  	line-height: 1.75;
  	font-family: "NotoSansHans"; 
}
/*kuaijie  End*/

/*footer  Start*/
.footer{
	width:100%;
	border-top:1px solid #f3f3f3;
	padding:10px;
	box-sizing: border-box;
}
.footer-left{
	padding:10px;
	box-sizing: border-box;
}
.footer-right{
	padding:10px;
	box-sizing: border-box;
	text-align: right;
  	font-size: 12.243px;
  	font-family: "Microsoft YaHei";
  	color: rgb( 156, 155, 155 );
  	line-height: 1.879;
  	-moz-transform: matrix( 0.98020833333333,0,0,0.98017621145374,0,0);
  	-webkit-transform: matrix( 0.98020833333333,0,0,0.98017621145374,0,0);
  	-ms-transform: matrix( 0.98020833333333,0,0,0.98017621145374,0,0);;
}
.footer-right a{
	color: rgb( 156, 155, 155 );
}

/*footer  End*/

@media only screen and (max-width: 1024px){
	.w1600{
		width:100%;
	}
	/*顶部导航Start*/
	.nav{
		width:100%;
	}
	.nav-search-txt{
		font-size: 12px;
		line-height: 22px;
	}
	.subnav-box{
		width:40%;
		font-size: 18px;
		line-height: 36px;
		height:260px;
		top:90px;
	}
	.subnav-ul{
		top:-260px;
	}
	.nav3-box{
		width:100%;
		left:100%;
		top:36px;
		font-size: 14px;
		line-height: 30px;
		height:200px;
	}
	.nav3-ul{
		top:-200px!important;
	}
	.subnav-li-img{
		margin-left: 13.5%;
	}
	/*顶部导航End*/

	/*顶部Banner Start*/
	/*顶部Banner End*/

	/*About  Start*/
	.about{
		padding:25px 0 0 0;
	}
	.about-title{ 
		font-size: 25px;
		padding:0 15px;
	}
	.about-txt {
	  	font-size: 14px;
	  	padding:15px 0;
	}
	.about-btn-box {
	  	font-size: 12px;	
	}
	.about-img-box{
		margin-top: 15px;
	}
	/*About  End*/

	/*Service  Start*/
	.service-about{
		display:block;
	}
	.service{
		display:none;
	}
	/*Service  End*/

	/*Product  Start*/
	.product{
		margin-top: 20px;
		background-size: 100% 30%;
	}
	.product-title{
	  	font-size: 20px;
	  	padding:20px 0 10px 0;
	}
	.product-txt{
		width:98%;	
	  	font-size: 12px;
	}
	.product-search{;
		padding:5px 0 5px 0;
	}
	.product-input-txt {
	  	font-size: 12px;
	  	padding:5px 10px;
	}
	.product-input-btn{
	  	width:18px;
	  	height:18px;
	  	top:10px;
	  	right:10px;
	  	z-index: 100;
	}
	.product .swiper-slide{
		padding:10px;
	}
	.product .swiper-slide:hover{
	  box-shadow: 0px 4px 9px 0px rgba(4, 0, 0, 0.34);
	}
	.product .swiper-wrapper{
		padding:5px;
	}
	.product .swiper-slide-title{
	  	font-size: 13px;
	  	padding:5px 0;
	  	margin-bottom: 5px;
	}
	.product .swiper-slide-txt{
	  	font-size: 12px;
	}
	.product .fangxiang{
		margin:0;
	}
	.product .fangxiang img{
		width:25px;
		height:20px;
	}
	/*Product  End*/

	/*Address  Start*/
	.address{
		display:none;
	}
	.address-mb{
		display:block;
		margin-top:15px;
		box-sizing: border-box;
		padding:5px;
	}
	.address-top img{
		width: 22px;
    	height: 28px;
	}
	.address-txt-box {
	    padding: 10px;
	}
	.address-txt {
	    font-size: 12px;
	    color: rgb( 255, 255, 255 );
	    line-height: 1.875;
	    padding: 10px 0 20px 0;
	}
	.address-mb .left{
		border-right:1px solid #63a239;
	}
	.address-mb .fangxiang{
		margin-top:15px;
	}
	.address-mb .fangxiang img{
		width:25px;
		height:20px;
	}
	/*Address  End*/

	/*kuaijie  Start*/
	.kuaijie-txt{
		display: none;
	}
	/*kuaijie  End*/

	/*footer  Start*/
	.footer-left,.footer-right{
		text-align: center;
	}
	/*footer  End*/
}

@media only screen and (max-width: 730px){
	/*顶部导航Start*/
	.nav{
		height:50px!important;
	}
	.subnav-box{
		width:50%!important;
		font-size: 14px!important;
		line-height: 25px!important;
		height:190px!important;
		top:50px!important;
	}
	.subnav-ul{
		top:-190px!important;
	}
	.nav3-box{
		font-size: 12px!important;
		line-height: 20px!important;
		height:130px!important;
		top:25px!important;
	}
	.nav3-ul{
		top:-130px!important;
	}
	/*顶部导航 End*/
	/*顶部BannerStart*/
	.swiper-pagination-bullet{
		width:10px!important;
		height:10px!important;
	}
	/*顶部Banner End*/

	/*About  Start*/
	/*About  End*/

	/*Service  Start*/
	/*Service  End*/

	/*Product  Start*/
	/*Product  End*/

	/*Address  Start*/
	/*Address  End*/

	/*kuaijie  Start*/
	/*kuaijie  End*/

	/*footer  Start*/
	/*footer  End*/
}




